<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>游戏</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/game.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="shortcut icon" href="./favicon.ico" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="web">
			<header>
				<!--导航栏-->
				<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						    </button>
							<a class="navbar-brand" href="#"><img src="img/LAYABOX_Logo.png" alt="logo" /></a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li >
									<a href="index.html"><span class="sr-only">(current)</span>首页 </a>
								</li>
								<li>
									<a href="layafamily.html">Laya家族</a>
								</li>
								<li class="active">
									<a href="game.html">游戏</a>
								</li>
								<li>
									<a href="news.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="about.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">English</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>
				<!--轮播图-->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					</ol>

					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="img/gamelunbo1.jpg" alt="Lunbotu">
							<div class="carousel-caption"></div>
						</div>
						<div class="item">
							<img src="img/gamelunbo2.jpg" alt="lunbotu2">
							<div class="carousel-caption"></div>
						</div>
					</div>

					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</header>
            <!----------热门-------->
            <div class="remen">
            	<div class="container bg_remen">
            		<div class="row">
            			<div class="tou" >
            				<div class="col-md-1 col-sm-1 col-xs-2">
            					<div class="biaoti">
            						<i></i>
            						<p>热<br/>门</p>
            					</div>
            				</div>
            				<div class="col-md-8 col-sm-7 col-xs-12 touwenzi" data-scroll-reveal="enter from bottom over 1s">
            					<h2>猎刃2</h2>
            					<p>2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一起来，挑战恶魔，乱斗魔兽！</p>
            				</div>
            				
            			</div>
            			<div class="sixiaotu col-md-8 col-sm-8 col-sm-offset-4 col-md-offset-4" data-scroll-reveal="enter from bottom over 1s">
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu1.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu2.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu3.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu4.jpg" alt="" />
            				</div>
            			</div>
            		</div>
            	</div>
            	
                <!--第二个热门-->
				<div class="container bg_rmtwo">
            		<div class="row">
            			<div class="tou" data-scroll-reveal="enter from bottom over 1s">
            				<div class="col-md-8 col-sm-7 col-xs-12 twowenzi">
            					<h2>上吧主公</h2>
            					<p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮你掌握胜算左右战况</p>
            				</div>
            				
            			</div>
            			<div class="twosixiaotu col-md-8 col-sm-8 " data-scroll-reveal="enter from bottom over 1s">
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap ">
            					<img src="img/sixiaotu1.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu2.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap ">
            					<img src="img/sixiaotu3.jpg" alt="" />
            				</div>
            				<div class="col-md-6 col-sm-6 col-xs-6 text-center sixiaotuwrap">
            					<img src="img/sixiaotu4.jpg" alt="" />
            				</div>
            			</div>
            		</div>
            	</div>
            	
            	<!--更多案例-->
            	<div class="container">
            		<div class="row">
            			<h2 class="col-md-12">更多案例</h2>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli1.jpg" />
            					<div class="gundong">
            						<p>《醉西游》是一款以西游记题材为背景的ARPG游戏，采用Layabox引擎开发，唯美的画面、音乐悠扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的职业、华丽的技能、神秘的副本、激烈的仙战</p>
            					</div>
            				</dt>
            				<dd>
            					醉西游
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli2.jpg" />
            					<div class="gundong">
            						<p>《魔卡幻想》 是由全球知名的手机游戏研发商iFree Studio呕心沥血开发之作。该游戏采用Layabox引擎，精美的画风、简单的操作、丰富的玩法、多样化的卡牌搭配。</p>
            					</div>
            				</dt>
            				<dd>
            					魔卡幻想
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli3.jpg" />
            					<div class="gundong">
            						<p>《超能战队》是一款集合动作策略和角色扮演的网络游戏，游戏的核心主要以培养队长和将领为主，同时结合了SLG和RPG的成长体系。采用Layabox引擎开发。</p>
            					</div>
            				</dt>
            				<dd>
            					超能战队
            				</dd>
            			</dl>
            			
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli4.jpg" />
            					<div class="gundong">
            						<p>《轰三国》是一款采用Layabox引擎开发的SLG游戏，游戏中玩家可以选择扮演弓箭兵，步兵，骑兵的主公，通过处理日常事务实施招募武将并训练，研究技能，收取税收等指令增强实力，带领部队一统天下！</p>
            					</div>
            				</dt>
            				<dd>
            					轰三国
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli5.jpg" />
            					<div class="gundong">
            						<p>《刀塔大菠萝》是一款以欧美神话为背景的卡牌游戏，讲述了冒险者在某神秘大陆上的探险故事。采用Layabox引擎开发，游戏画风可爱，操作轻松，副本丰富，更有数量庞大功能多样的卡牌系统以及深度战斗策略性。</p>
            					</div>
            				</dt>
            				<dd>
            					刀塔大菠萝
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli6.jpg" />
            					<div class="gundong">
            						<p>《迷你猎人》是一款探索式RPG卡牌游戏，采用Layabox引擎开发。游戏以著名动漫《全职猎人》 作为背景，融合了多种新的元素，从玩法到画面表现以及耐玩性上都有了全新的突破。</p>
            					</div>
            				</dt>
            				<dd>
            					迷你猎人
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli7.jpg" />
            					<div class="gundong">
            						<p>《萌挂三国》是一款创新玩法的卡牌类游戏，采用Layabox引擎开发。颠覆了传统的卡牌模式，完整的装备系统，不同属性的武将，搭配着上百种拽炫酷的装备，这一切都让卡牌游戏变得不再枯燥且更有乐趣！</p>
            					</div>
            				</dt>
            				<dd>
            					萌挂三国
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli8.jpg" />
            					<div class="gundong">
            						<p>《战争之门》是采用layabox引擎开发的新一代战争策略手游，将排兵布阵、兵种进阶、兵种相克演绎的淋漓尽致，超强搭配挑战玩家策略极限；通过单人竞技、组队混战、天梯排位等，体验超爽PK激战无限；</p>
            					</div>
            				</dt>
            				<dd>
            					战争之门
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli1.jpg" />
            					<div class="gundong">
            						<p>《醉西游》是一款以西游记题材为背景的ARPG游戏，采用Layabox引擎开发，唯美的画面、音乐悠扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的职业、华丽的技能、神秘的副本、激烈的仙战</p>
            					</div>
            				</dt>
            				<dd>
            					醉西游
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli2.jpg" />
            					<div class="gundong">
            						<p>《魔卡幻想》 是由全球知名的手机游戏研发商iFree Studio呕心沥血开发之作。该游戏采用Layabox引擎，精美的画风、简单的操作、丰富的玩法、多样化的卡牌搭配。</p>
            					</div>
            				</dt>
            				<dd>
            					魔卡幻想
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli3.jpg" />
            					<div class="gundong">
            						<p>《超能战队》是一款集合动作策略和角色扮演的网络游戏，游戏的核心主要以培养队长和将领为主，同时结合了SLG和RPG的成长体系。采用Layabox引擎开发。</p>
            					</div>
            				</dt>
            				<dd>
            					超能战队
            				</dd>
            			</dl>
            			
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli4.jpg" />
            					<div class="gundong">
            						<p>《轰三国》是一款采用Layabox引擎开发的SLG游戏，游戏中玩家可以选择扮演弓箭兵，步兵，骑兵的主公，通过处理日常事务实施招募武将并训练，研究技能，收取税收等指令增强实力，带领部队一统天下！</p>
            					</div>
            				</dt>
            				<dd>
            					轰三国
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli5.jpg" />
            					<div class="gundong">
            						<p>《刀塔大菠萝》是一款以欧美神话为背景的卡牌游戏，讲述了冒险者在某神秘大陆上的探险故事。采用Layabox引擎开发，游戏画风可爱，操作轻松，副本丰富，更有数量庞大功能多样的卡牌系统以及深度战斗策略性。</p>
            					</div>
            				</dt>
            				<dd>
            					刀塔大菠萝
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli6.jpg" />
            					<div class="gundong">
            						<p>《迷你猎人》是一款探索式RPG卡牌游戏，采用Layabox引擎开发。游戏以著名动漫《全职猎人》 作为背景，融合了多种新的元素，从玩法到画面表现以及耐玩性上都有了全新的突破。</p>
            					</div>
            				</dt>
            				<dd>
            					迷你猎人
            				</dd>
            			</dl>
            			<dl class="col-md-4 col-sm-4 col-xs-6 text-center genduo" data-scroll-reveal="enter from bottom over 1s">
            				<dt class="chupeng">
            					<img src="img/anli7.jpg" />
            					<div class="gundong">
            						<p>《萌挂三国》是一款创新玩法的卡牌类游戏，采用Layabox引擎开发。颠覆了传统的卡牌模式，完整的装备系统，不同属性的武将，搭配着上百种拽炫酷的装备，这一切都让卡牌游戏变得不再枯燥且更有乐趣！</p>
            					</div>
            				</dt>
            				<dd>
            					萌挂三国
            				</dd>
            			</dl>
            		</div>
            		
            	</div>
            </div>
			<footer>
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-sm-8 col-xs-12   footle">
							<div class="col-md-8  ">
								<a href="#">公司简介</a>
								<a href="#">联系方式</a>
								<a href="#">人才招聘</a>
							</div>
							<div class="col-md-8  ">
								<span>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</span>
							</div>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-12   iconnn">
							<a tabindex="0" class="dianji" role="button" data-toggle="hover" data-placement="top"  data-trigger="focus"  data-content="<img src='img/youjian.png'>">
		    					<i class="iconfont icon-youjian"></i>
		    				</a>
		    				<a tabindex="0" class="dianji" role="button" data-toggle="hover" data-placement="top"  data-trigger="focus" data-content="<img src='img/erweima.jpg'>">
		    					<i class="iconfont icon-weixin"></i>
		    				</a>
		    				<a tabindex="0" class="dianji" role="button" data-toggle="hover" data-placement="top"  data-trigger="focus" data-content="<img src='img/qq.png'>">
		    					<i class="iconfont icon-QQ"></i>
		    				</a>
						</div>
					</div>
				</div>
			</footer>
			
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/scrollReveal.min.js"></script> 
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/wow.js" ></script>
		<script type="text/javascript">
			$(function(){
			$('.dianji').popover({
			     html:true
			  });
			});
			
			var w = new WOW();
			w.init();   
			
//			
				$(".chupeng").hover(function() {
					console.log($(this));
			        $(this).find(".gundong").css({
			        	'transform': 'translateX(0)'
			        });
			    }, function() {
			        /* Stuff to do when the mouse leaves the element */
			        $(this).find(".gundong").css({
			        	'transform': 'translateX(-103%)' 
			        });
			    });

//	        try{Typekit.load();}catch(e){}
//		      (function($) {
//		
//		        'use strict';
//		
//		        window.scrollReveal = new scrollReveal({ reset: false, move: '50px' });
//		      })();   
//		
		</script>
	</body>

</html>